﻿<!DOCTYPE html>
<!-- saved from url=(0051)http://www.jq22.com/demo/MeiTuan20151106/index.html -->
<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   <meta charset="UTF-8"> 
  <title>DACP数据门户</title> 
 
  <link rel="stylesheet" href="${mvcPath}/dacp-view/aijs/css/ai.css" type="text/css" />
  <link href="${mvcPath}/dacp-res/me/css/ai.meta.css" type="text/css" rel="stylesheet"/>
  <link href="${mvcPath}/dacp-lib/fuelux/fuelux.min.css" type="text/css" rel="stylesheet" media="screen"/>

  <link rel="stylesheet" type="text/css" href="${mvcPath}/dacp-res/datastore/css/search.css"> 

  <script type="text/javascript" src="${mvcPath}/dacp-lib/jquery/jquery-1.10.2.min.js"></script>
  <script  src="${mvcPath}/dacp-lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="${mvcPath}/dacp-lib/underscore/underscore-min.js"></script>
  <script src="${mvcPath}/dacp-res/js/jquery.tmpl.min.js"></script>
  <script src="${mvcPath}/dacp-lib/jquery-plugins/jquery-contextMenu.js"></script>
  <script src="${mvcPath}/dacp-lib/fuelux/fuelux.min.js"></script>
  
 <script src="${mvcPath}/dacp-lib/cryptojs/aes.js" type="text/javascript"></script>
<script src="${mvcPath}/crypto/crypto-context.js" type="text/javascript"></script>
<script src="${mvcPath}/dacp-view/aijs/js/ai.core.js"></script>
<script src="${mvcPath}/dacp-view/aijs/js/ai.jsonstore.js"></script>

<script src="${mvcPath}/dacp-view/aijs/js/ai.grid.ux.js"></script>
 <script src="${mvcPath}/dacp-res/catalog/common/js/ai.meta.widget.js"></script>
<script src="${mvcPath}/dacp-res/js/parabola.js"></script>
<script src="${mvcPath}/dacp-res/js/jquery.isotope.js"></script>
<script src="${mvcPath}/dacp-res/js/ai.widget.js"></script>
 <!-- <script src="${mvcPath}/dacp-res/datastore/js/config.js"></script> -->
 <script src="${mvcPath}/dacp-res/datastore/js/search.js"></script>
 <style>
 .responsive-utilities td.is-hidden {
    color: #ccc;
    background-color: #f9f9f9!important;
}
.responsive-utilities td.is-visible {
    color: #468847;
    background-color: #dff0d8!important;
}
td, th {
    padding: 8px;
    word-break: break-all;
}
#ruletable td{
	width: 20%;
}
#ruletable tr{
	height:40px;
}
#ruletable td a{
    margin:0px 10px 0px 10px;
    max-width:70px;
    white-space: nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
    float: left;
}
.page-header {margin:8px 0 0 0};
 </style>
 <style type="text/css">
 
.pricing-box{color:#888;}
.pricing-3-1 {
}

.pricing-3-1 .pricing-box {
width: 20%;
}

.pricing-3-1.{
}


.pricing-3-1 .pricing-box {
float: left;
text-align: center;
margin: 20px 0;
padding: 0;
}

.pricing-3-1 .pricing-box ul {
margin: 0;
padding: 0;
}

.pricing-3-1 .pricing-box li {
list-style: none;
margin: 0;
padding: 15px 0 15px 0;
background:#eee;
}

.pricing-3-1 .pricing-box li h4 {
font-size: 22px;
margin: 0;
padding: 0;
font-weight: 400;
color:#888;
}

.pricing-3-1 .pricing-box li h1 {
font-size: 48px;
margin: 0;
margin-bottom: 5px;
color: #1a8b49;
letter-spacing:0px;
}

.pricing-3-1 .pricing-box li.title-row {
padding: 15px 0 15px 0;
}

.pricing-3-1 .pricing-box li.title-row h4{
}

.pricing-3-1 .pricing-box li.price-row {
padding: 15px 0 15px 0;
background:#F8F8F8;

}
.pricing-3-1 .pricing-box li.clr{
background:#f5f5f5;
}

/*!---------- Purchase Button ----------*/
.pricing-3-1 .pricing-box a.btn-order{
  padding: 5px 10px;
  border-radius: 3px;
  background: #6dc77a;
  color: #fff;
  text-decoration: none;

  /*tansition*/
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.pricing-3-1 .pricing-box a.btn-order:hover, .pricing-3-1 .pricing-active a.btn-order:hover{
color: #222;
}

.pricing-3-1 .pricing-box li.price-row span {
display: block;
font-weight: 600;
}

.pricing-3-1 .pricing-box li.btn-row {
background: #ddd;
}
.pricing-3-1 .pricing-box{
-webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
}
.pricing-3-1 .pricing-box ul {
margin: 0;
padding: 0;
}

.pricing-3-1 .pricing-box li {
  background: #f1f1f1;
  color: #888;
  list-style: none;
  margin: 0;
  padding: 15px 0 15px 0;
}

.pricing-3-1 .pricing-box li.clr{
background:#f6f8fa;
color: #666;
}



.pricing-3-1 .pricing-box li h4 {
font-size: 22px;
margin: 0;
padding: 0;
font-weight: 400;
color: #222;
}

.pricing-3-1 .pricing-box li h1 {
font-size: 48px;
margin: 0;
margin-bottom: 5px;
font-weight: 600;
color: #6dc77a;
}

.pricing-3-1 .pricing-box li.title-row {
padding: 15px 0 15px 0;
}

.pricing-3-1 .pricing-box li.price-row {
background: #fff;
padding: 15px 0 15px 0;
}

.pricing-3-1 .pricing-box li.price-row span {
display: block;
font-weight: 600;
}

.pricing-3-1 .pricing-box li.btn-row {
background: #fff;
}


.pricing-3-1 .pricing-active {

	/*box-shadow*/
-webkit-box-shadow: 0px 0px  20px rgba(109, 199, 122, 0.3);
-moz-box-shadow: 0px 0px  20px rgba(109, 199, 122, 0.3);
box-shadow: 0px 0px  20px rgba(109, 199, 122, 0.3);
position: relative;

    /*transition*/
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;

    /*transform*/
    -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.pricing-3-1 .pricing-active li{
padding-top:17px;
padding-bottom:17px;
}


/*COLOR*/
.feature-box i,
.feature-box-small-icon i,
.pricing-box li h1,
.feature-box-small-icon-2 i,
.pricing-3-1 .pricing-box li.price-row
{
  color:#6dc77a;

}

 
 </style>
 <script>
 
 

 $(document).ready(function() {
	    // Pricing table remove emphasis on hover for Table 1-1 to Table 1-3

	    $('.pricing-option').mouseenter(function() {
	        $(this).closest('.pricing').find('.pricing-option').removeClass('active');
	        $(this).addClass('active');
	    });


	    // Pricing table remove emphasis on hover for Table 2-1 to Table 2-3

	    $('.plan').mouseenter(function() {
	        $(this).closest('.pricing').find('.plan').removeClass('featured');
	        $(this).addClass('featured');
	    });




	    // Pricing table remove emphasis on hover for Table 3-1 to Table 3-4

	    $('.pricing-box').mouseenter(function() {
	        $(this).closest('.pricing').find('.pricing-box').removeClass('pricing-active');
	        $(this).addClass('pricing-active');
	    }); 
     });
 </script> 
 </head> 
 <body> 
 <div class="container-fruit" style="margin:0px 10px 10px 10px"> 
  <div  class="row">
  <div class="col-md-12 text-center price-selection">
                    
                    <div class="pricing-3-1 pricing">
                        <!-- pricing box begin -->
                        <div class="pricing-box">
                            <ul>
                                <li class="title-row">
                                    <h4>总体</h4>
                                </li>
                                <li class="price-row">
                                    <h1>0</h1>
                                    <span>问题数</span></li>
                                <li><strong>表</strong> Processor</li>
                                <li class="clr"><strong>指标</strong> Ram</li>
                                <li><strong>5GB</strong> 接口</li>
                                <li class="clr"><strong>程序</strong> Area</li>
                                <li><strong>Limited</strong> 分发</li>
                                <li class="clr"><strong>服务</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">应用</a></li>
                            </ul>
                        </div>


                        <div class="pricing-box">
                            <ul>
                                <li class="title-row">
                                    <h4>元数据</h4>
                                </li>
                                <li class="price-row">
                                    <h1>$29</h1>
                                    <span>/month</span></li>
                                <li><strong>Dual Core</strong> Processor</li>
                                <li class="clr"><strong>8GB</strong> Ram</li>
                                <li><strong>10GB</strong> HDD</li>
                                <li class="clr"><strong>Admin</strong> Area</li>
                                <li><strong>Limited</strong> Mail</li>
                                <li class="clr"><strong>Limited</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">Order Now</a></li>
                            </ul>
                        </div>


                        <div class="pricing-box pricing-active">
                            <ul>
                                <li class="title-row">
                                    <h4>Silver</h4>
                                </li>
                                <li class="price-row">
                                    <h1>$59</h1>
                                    <span>/month</span></li>
                                <li><strong>Quad Core</strong> Processor</li>
                                <li class="clr"><strong>8GB</strong> Ram</li>
                                <li><strong>10GB</strong> HDD</li>
                                <li class="clr"><strong>Admin</strong> Area</li>
                                <li><strong>Unlimited</strong> Mail</li>
                                <li class="clr"><strong>Limited</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">Order Now</a></li>
                            </ul>
                        </div>


                        <div class="pricing-box">
                            <ul>
                                <li class="title-row">
                                    <h4>数据质量</h4>
                                </li>
                                <li class="price-row">
                                    <h1>$99</h1>
                                    <span>/month</span></li>
                                <li><strong>Quad Core</strong> Processor</li>
                                <li class="clr"><strong>8GB</strong> Ram</li>
                                <li><strong>16GB</strong> HDD</li>
                                <li class="clr"><strong>Admin</strong> Area</li>
                                <li><strong>Unlimited</strong> Mail</li>
                                <li class="clr"><strong>Unlimited</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">Order Now</a></li>
                            </ul>
                        </div>


                        <div class="pricing-box">
                            <ul>
                                <li class="title-row">
                                    <h4>标准化</h4>
                                </li>
                                <li class="price-row">
                                    <h1>$199</h1>
                                    <span>/month</span></li>
                                <li><strong>Quad Core</strong> Processor</li>
                                <li class="clr"><strong>16GB</strong> Ram</li>
                                <li><strong>32GB</strong> HDD</li>
                                <li class="clr"><strong>Admin</strong> Area</li>
                                <li><strong>Unlimited</strong> Mail</li>
                                <li class="clr"><strong>Unlimited</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">Order Now</a></li>
                            </ul>
                        </div>
                        <div class="pricing-box">
                            <ul>
                                <li class="title-row">
                                    <h4>数据架构</h4>
                                </li>
                                <li class="price-row">
                                    <h1>$199</h1>
                                    <span>/month</span></li>
                                <li><strong>Quad Core</strong> Processor</li>
                                <li class="clr"><strong>16GB</strong> Ram</li>
                                <li><strong>32GB</strong> HDD</li>
                                <li class="clr"><strong>Admin</strong> Area</li>
                                <li><strong>Unlimited</strong> Mail</li>
                                <li class="clr"><strong>Unlimited</strong> Support</li>
                                <li class="btn-row"><a href="" class="btn-order">Order Now</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
  </div>
  <div  class="row">
  <div class="col-md-12"> 
     <h4 class="page-header">数据管理的思路 </h4>
   
     <div class="table-responsive" id="ruletable">
    <table class="table table-bordered table-striped responsive-utilities">
      <thead>
        <tr>
          <th style="width:10%">过程域\过程</th>
          <th><h4>制度   <small>有法可依</small></h4> </th>
          <th><h4>执行   <small>有法必依</small></h4> </th>
          <th><h4>稽核   <small>执法必严</small></h4> </th>
          <th><h4>跟踪   <small>违法必究</small></h4> </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row"><code>标准化管理</code></th>
          <td class="is-visible"><a href="#">数据内容标准</a><a href="#">字典命名规范</a><a href="#">数据指标标准</a><a href="#">平台技术规范</a></td>
          <td class="is-hidden"><a href="#">开发质量检查</a><a href="#">ETL服务</a><a href="#">ETL服务</a></td>
          <td class="is-hidden"><a href="#">命名规范稽核</a><a href="#">数据标准化稽核</a><a href="#">一致性稽核</a></td>
          <td class="is-hidden"><a href="#">标准化问题管理</a><a href="#">数据标准新增</a><a href="#"> 数据标准变更</a></td>
        </tr>
        <tr>
          <th scope="row"><code>质量管理</code></th>
          <td class="is-hidden"><a href="#">质量规则</a></td>
          <td class="is-visible"><a href="#">质量与调度</a><a href="#">质量与服务</a><a href="#">质量与应用</a></td>
          <td class="is-hidden"><a href="#">数据采集质量</a><a href="#">增量数据质量</a><a href="#">指标数据质量</a></td>
          <td class="is-hidden"><a href="#">质量问题管理</a><a href="#">质量任务管理</a><a href="#">质量知识库</a></td>
        </tr>
        <tr>
          <th scope="row"><code>元数据管理</code></th>
          <td class="is-hidden"><a href="#">元模型模型</a><a href="#">元数据维护流程</a><a href="#">元数据开发策略</a></td>
          <td class="is-hidden"><a href="#">元数据服务</a><a href="#">血缘分析与质量</a><a href="#">血缘分析与运维</a></td>
          <td class="is-visible"><a href="#">关键属性检测</a><a href="#">完整性检查</a><a href="#">孤立节点检查</a></td>
          <td class="is-hidden"><a href="#">问题管理</td>
        </tr>
        <tr>
          <th scope="row"><code>评估分级管理</code></th>
          <td class="is-hidden"><a href="#">重要性级别定义</a><a href="#">热点级别定义</a><a href="#">数据分类定义</a><a href="#">数据标签定义</a><a href="#">健康度定义</a></td>
          <td class="is-hidden"><a href="#">热点评估</a><a href="#">重要性评估</a><a href="#">热点字典评估</a><a href="#">数据摘要评估</a></td>
          <td class="is-hidden"><a href="#">重要性与调度优化</a></td>
          <td class="is-visible"><a href="#">隐藏</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <th scope="row"><code>存储周期管理</code></th>
          <td class="is-hidden"><a href="#">存储规则定义</a><a href="#">模型表存储规则</a></td>
          <td class="is-visible"><a href="#">数据清理</a></td>
          <td class="is-visible"><a href="#">存储周期检查</a></td>
          <td class="is-visible"><a href="#">存储周期分析</a></td>
        </tr>
        <tr>
          <th scope="row"><code>数据安全管理</code></th>
          <td class="is-visible"><a href="#">安全规则定义</a><a href="#">实体表安全级别定义</a><a href="#">安全控制策略定义</a></td>
          <td class="is-hidden"><a href="#">数据加工安全控制</a><a href="#">数据存储安全控制</a><a href="#">数据访问安全控制</a></td>
          <td class="is-visible"><a href="#">数据安全测试</a><a href="#">数据安全审计</a></td>
          <td class="is-visible"><a href="#">安全问题跟踪</a><a href="#">安全问题职责</a></td>
        </tr>
        <tr>
          <th scope="row"><code>数据资产化管理</code></th>
          <td class="is-visible"><a href="#">资产服务承诺</a><a href="#">资产的安全保护</a><a href="#">资产注册规则</a><a href="#">资产分发规则</a><a href="#">资产查询规则</a></td>
          <td class="is-visible"><a href="#">资产化审批管理</a></td>
          <td class="is-hidden"><a href="#">隐藏</a></td>
          <td class="is-visible"><a href="#">可见</a></td>
        </tr>
      </tbody>
    </table>
  </div>
  </div> 
  <div class="col-md-3">
     <h4 class="page-header">场景化管理 </h4>
      
  <section class="panel panel-default"> 
   <ul class="list-group alt"> 
    <li class="list-group-item"> 
     <div class="media"> 
      <span class="pull-left thumb-sm">事前</span> 
      <div class="media-body"> 
       <div> <a href="#">开发</a> </div> 
       <small class="text-muted">在开发过程中进行数据管理</small> 
      </div> 
     </div> 
     </li> 
     <li class="list-group-item"> 
     <div class="media"> 
      <span class="pull-left thumb-sm">临时统计</span> 
      <div class="media-body"> 
       <div> <a href="#">开发</a> </div> 
       <small class="text-muted">在开发过程中进行数据管理</small> 
      </div> 
     </div> 
     </li> 
     <li class="list-group-item"> 
     <div class="media"> 
      <span class="pull-left thumb-sm">质量核查</span> 
      <div class="media-body"> 
       <div> <a href="#">开发</a> </div> 
       <small class="text-muted">在开发过程中进行数据管理</small> 
      </div> 
     </div> 
     </li>
     <li class="list-group-item"> 
     <div class="media"> 
      <span class="pull-left thumb-sm">合作伙伴</span> 
      <div class="media-body"> 
       <div> <a href="#">开发</a> </div> 
       <small class="text-muted">在开发过程中进行数据管理</small> 
      </div> 
     </div> 
     </li>
   </ul> 
  </section>
  </div>
  </div>
  

</body></html>